<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header>
         <div class="kim">        
            <a href="#">首页</a>
            <a href="#">个人主页</a>
            <a href="#">设计作品</a>
            <a href="#">关于</a>
            <a href="#">视频剪辑</a>
            <h1>Welcome </h1>
         </div> 
        
       

    </header>
      <div class="box">

      <div class="box1">

        <h2>>Personal homepage</h1>
        <p>姓名：柳斌<br>
           性别：男<br>
           偶像：勒布朗-詹姆斯<br>
           性格：开朗 阳光 友好 <br>
           爱好：篮球 游泳 旅游<br>
           职业：在校本科生<br>
           故乡：四川 达州 </p>

           <h2>>contact</h1>
        
            <p>
                email: 179095438@qq.com<br>
                microbiog : lb15102897558<br>
                WeChat: Emperor-66
            </p>

            <h2>>Personal website:</h2>
            <a href="http://liu-bin-123.gitee.io/assignment-8">http://liu-bin-123.gitee1</a><br>
            <a href="http://liu-bin-123.gitee.io/assignment-7">http://liu-bin-123.gitee2</a><br>
            <a href="http://liu-bin-123.gitee.io/assignment-5">http://liu-bin-123.gitee3</a><br>
            <a href="http://liu-bin-123.gitee.io/assignment-4">http://liu-bin-123.gitee4</a><br>
            <a href="https://liu-bin-123.gitee.io/assignment-1">http://liu-bin-123.gitee5</a>

           
           <div class="tupian"><img src="2.jpg" ></div>
           <div class="tupian2"><img src="3.jpg"></div>
           <div class="tupian3"><img src="4.jpg"></div>
    </div>

    <div class="box2">
        <h2>作品展示</h1>
        <img src="5.jpg" alt="" width="500px" title="抠图设计">
        <img src="6.jpg" alt="" width="500px" title="抠图设计">
        <img src="7.jpg" alt="" width="500px" title="抠图设计">

    </div>

    <div class="box3">
        <h2>作品展示</h2>
        <img src="8.jpg" alt="" width="500px" title="抠图设计">
        <img src="9.jpg" alt="" width="500px" title="抠图设计">
        <img src="10.jpg" alt="" width="500px" title="抠图设计">
        
        <img src="12.jpg" alt="" width="500px" title="抠图设计">
        <img src="13.jpg" alt="" width="500px" title="抠图设计">
        <img src="14.jpg" alt="" width="500px" title="抠图设计">
    </div>

    <div class="box4">
        <h4>视频剪辑</h4>
     <video src="shiping.mp4" controls="controls" poster="river.jpg"></video>
        <p>December 12, 2020 by Liu Bin design all rights reserved</p>
     +
    </div>



</div>
</body>
</html>
